<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <base href="${request.contextPath}/"/>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1.0">
    <title>活动列表</title>
    <link href="Content/wechat/css/reset.css" rel="stylesheet" type="text/css">
    <!--签到-->
    <link href="Content/wechat/css/dangJian_gongZhuGongJian_CanJHD.css" rel="stylesheet" type="text/css">

    <script src="Content/wechat/js/jquery.min.js"></script>
    <!--字体缩放-->
    <script src="Content/wechat/js/ziti.js"></script>
    <!--end 字体缩放-->
    <!--上传图片js-->
    <script  src="Content/wechat/js/svg.js"></script>
    <!--end 上传图片js-->
    <!--页码-->
    <link href="Content/wechat/css/myPagination.css" rel="stylesheet" type="text/css">
    <!--页码js-->
    <script src="Content/wechat/js/myPagination.js"></script>
</head>
<body>
<header >
    <img src="Content/wechat/images/gzgj.jpg">
</header>
<div class="zuoFeng">
    <div class="zuoFeng_box">
        <ul id="insetViewData">
            <!--<li>-->
                <!--<a href="/wechat/home/party/report/report_info">-->
                    <!--<div class="zuoFeng_box_title">-->
                        <!--<h4>漠河是国家生态安全重要保障区</h4>-->
                        <!--<span>教育社区</span>-->
                    <!--</div>-->
                    <!--<div class="zuoFeng_box_img">-->
                        <!--<img src="Content/wechat/images/zf.jpg">-->
                    <!--</div>-->
                    <!--<p class="jx">活动进行中...</p>-->
                <!--</a>-->
            <!--</li>-->
        </ul>
        <!--页码-->
        <div id="pagination" class="pagination"></div>
        <script>
            window.onload = function () {
                new myPagination({
                    id: 'pagination',
                    curPage:1, //初始页码
                    pageTotal: 50, //总页数
                    pageAmount: 10,  //每页多少条
                    dataTotal: 10, //总共多少条数据
                    pageSize: 2, //可选,分页个数

                    getPage: function (page) {
                        //获取当前页数
                        console.log(page);
                    }
                })
            }
        </script>
        <!--end 页码-->
    </div>
</div>
</body>
<script>
    var pageTotal = 0;   //总页数
    var pageSize = 8;    //一页显示几个
    window.onload = function () {
        InitAjax(1);
    }
    function onLoadPaging() {
        new myPagination({
            id: 'pagination',
            curPage: 1, //初始页码
            pageTotal: pageTotal, //总页数
            pageAmount: pageSize,  //每页多少条
            pageSize: 2, //可选,分页个数

            getPage: function (page) {
                //获取当前页数
                InitAjax(page)
            }
        })
    }
    function InitAjax(pageNum) {
        $.ajax({
            url: "/wechat/home/party/report/report_list_fenye",
            type: 'post',
            dataType: 'json',
            data: {
                pagination: "{page:\"" + pageNum + "\",rows:\""+pageSize+"\",sidx:\"date\",sord:\"desc\"}"
            }, success: function (result) {
                ajaxCallBack(result);
            }
        })
    }
    function ajaxCallBack(data) {
        var insetViewData = ""; //视图数据
        $.each(data.data.rows, function(index,items) {
            var activityname ="";
            if (items.activityname != null){
                if(items.activityname.length>15){
                    activityname = items.activityname.substring(0,15)+"..."
                }else {
                    activityname = items.activityname;
                }
            }
            var images = "";
            if (items.urlPath != null && items.urlPath.length != 0) {
                images = items.urlsPath;
            } else {
                images = "Content/wechat/images/zf.jpg";
            }
            insetViewData+="<li>\n" +
                "                <a href=\"/wechat/home/party/report/report_info?id="+items.id+"\">\n" +
                "                    <div class=\"zuoFeng_box_title\">\n" +
                "                        <h4>"+activityname+"</h4>\n" +
                "                        <span>"+items.communityname+"</span>\n" +
                "                    </div>\n" +
                "                       <div class=\"zuoFeng_box_img\">\n" +
                "                        <img src=\""+images+"\">\n" +
                "                    </div>\n" +
                "                   <p class=\"jx\">"+items.status+" </p>\n" +
                "                </a>\n" +
                "            </li>";

        });
        $("#insetViewData").html(insetViewData);
        if(pageTotal==0){
            pageTotal=data.data.total;
            onLoadPaging()
        }
    }
</script>
</html>
